<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('单元信息')"/>
    <th:block th:include="include :: statHeader"/>
</head>
<body class="gray-bg">
<div class="unitManage">
    <div class="unitInfo">
        <div class="legendBar">
            <p><i class="dots" style="background-color: #61eca5;"></i>在租</p>
            <p><i class="dots" style="background-color: #dad6d5;"></i>空闲</p>
            <p><i class="dots" style="background-color: #ffa53b;"></i>临近涨租</p>
        </div>

        <div th:each="building,buildingStat : ${sysBuilding}">
            <!-- 楼层s -->
                <div class="item " th:classappend="${#lists.size(building.units)} lt '20' ?'rowTwo':'rowThree' ">
                <!--有几行就更改相应样式rowOne/rowTwo/rowThree/rowFour-->
                <div class="label" th:text="${building.buildingName}">一层</div>
                <div class="content">
                    <p th:each="unit,unitStat : ${building.units}" th:text="${unit.unitName}"
                           th:classappend="${unit.unitStatus == '3'}? 'house-orange' : (${unit.unitStatus == '0'}?'house-gray' :'')">
                        </p>
                </div>
                <!-- 楼层e -->
            </div>
        </div>

    </div>

</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: statFooter"/>
</body>
</html>